<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">   
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">   
<script type="text/javascript" src="easyui/jquery.min.js"></script>   
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> 
</head>
<body>
<!-- 
标签：
声明控件：class="easyui-控件名"，例如：class="easyui-dialog"
控件属性：data-options="属性名:'属性值',属性名:'属性值'"，例如：data-options="iconCls:'icon-save',resizable:true
控件事件：data-options="属性名:'属性值',事件名:function(){}"，
Js:
声明控件：$(选择器).控件名({
  属性名：属性值，
   属性名：属性值，
  事件名：function(){},
   事件名：function(){}
});

如何调用控件已有的方法：
 $(选择器).控件名("方法名", "方法参数");

 -->
	<div id="dd">Dialog Content.</div>
	<script type="text/javascript">
		$(function() {
			$('#dd').dialog({
				title : 'My Dialog',
				width : 400,
				height : 200,
				closed : false,
				cache : false,
				//href: 'get_content.php',    
				modal : false,
				onOpen : function() {
					alert('打开对话框了');
				}
			});

			$('#dd').dialog("setTitle", "我的JS对话框");
		});
	</script>
	<!-- <div id="dd" class="easyui-dialog" title="My Dialog" style="width:400px;height:200px;"   
        data-options="iconCls:'icon-save',resizable:true,modal:true,onOpen:function(){alert('打开对话框了');}">   
    Dialog Content. aa   
</div> -->

</body>
</html>